<template>
    <div class="week">
        <h3>{{ title }}</h3>
        <ul>
            <li v-for="item in newGoodsList" :key="item.id">
                <img v-lazy="item.list_pic_url" alt=""/>
                <p>{{ item.name }}</p>
                <p>{{ item.retail_price | moneyFlrmat }}</p>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    data () {
        return {};
    },
    props: ["newGoodsList","title"],
};
</script>

<style scoped lang="less">
.week {
    h3 {
        font-size: 22px;
        line-height:60px;
        text-align: center;
    }
    ul {
        display: flex;
        flex-wrap: wrap;
        li {
            width: 50%;
            img {
                width: 100%;
                display: block;
            }
            p {
                text-align:center;
                font-size: 16px;
            }
        }

    }

}
</style>
